<template>
  <div id="qianqichjgcs" class="app-container">
    <div class="tabs dachuShenChaBox">
      <el-tabs v-model="activeName">
        <el-tab-pane label="图件审查" name="1" />
        <el-tab-pane label="附件审查" name="2" />
      </el-tabs>
      <div class="dachuShenCha">
        <div class="dachuShenCha_item" @click="exportOpinion">
          <i class="el-icon-upload2" /> 导出审查意见
        </div>
        <div v-if="!isLook" class="dachuShenCha_item" @click="checkTijiao">
          <i class="el-icon-document-checked" /> 校验审查意见
        </div>
      </div>
    </div>
    <div v-show="activeName=='1'" v-loading="listLoading" class="tdMap-box">
      <tdMap
        ref="tdMap"
        :pk-list="list"
        :xian-zhuang-path="xianZhuangFliePath"
        :cuowu-list="cuowuListData"
        :yijian-info="yijianInfoData"
        :is-look="isLook"
        layer-name="LaterMappingResultAudit"
        link-value="LATER_MAPPING_RESULT_FIRST_AUDIT"
        fs-link-value="LATER_MAPPING_RESULT_SECOND_AUDIT"
        show-fs="true"
        init-active-name="fsny"
      >
        <template slot="buttonGroup">
          <el-button @click="handleXzViewInto" size="medium">现状图</el-button>
        </template>
        <div v-if="curIndex != null" slot="popupBaseInfo">
          <table cellspacing="0" class="tableBasicInfo">
            <tr>
              <th>权利人</th>
              <td>{{ list[curIndex].applicantName }}</td>
            </tr>
            <tr>
              <th>红线面积</th>
              <td>{{ list[curIndex].hxmj | M2 }}</td>
            </tr>
            <tr>
              <th>建设用地复垦面积</th>
              <td>{{ list[curIndex].jsydfkmj | M2 }}</td>
            </tr>
            <tr>
              <th>宅基地面积</th>
              <td>{{ list[curIndex].zjdmj | M2 }}</td>
            </tr>
            <tr>
              <th>宅基地附属用地面积</th>
              <td>{{ list[curIndex].zjdfsydmj | M2 }}</td>
            </tr>
            <tr>
              <th>预计减少建设用地面积</th>
              <td>{{ list[curIndex].yjjsjsydmj | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加农用地面积</th>
              <td>{{ list[curIndex].yjzjnydmj | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加耕地面积</th>
              <td>{{ list[curIndex].yjzjgdmj | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加林地面积</th>
              <td>{{ list[curIndex].yjzjldmj | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加园地面积</th>
              <td>{{ list[curIndex].yjzjydmj | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加其他农用地面积</th>
              <td>{{ list[curIndex].yjzjqtnydmj | M2 }}</td>
            </tr>
            <tr>
              <th>权属单位</th>
              <td>{{ list[curIndex].qsdw }}</td>
            </tr>
            <tr>
              <th>图幅号</th>
              <td>{{ list[curIndex].tfh }}</td>
            </tr>
            <tr>
              <th>图斑号</th>
              <td>{{ list[curIndex].tbh }}</td>
            </tr>
            <tr>
              <th>图斑面积</th>
              <td>{{ list[curIndex].tbmj | M2 }}</td>
            </tr>
            <tr>
              <th>小地名</th>
              <td>{{ list[curIndex].xdm }}</td>
            </tr>
            <tr>
              <th>复垦类型</th>
              <td>{{ list[curIndex].reclaimTypeDto != null ? list[curIndex].reclaimTypeDto.name : '' }}</td>
            </tr>
            <tr>
              <th>是否属于二调遗漏复垦点</th>
              <td>{{ list[curIndex].isSecondMovingReclaimPointDto != null ? list[curIndex].isSecondMovingReclaimPointDto.name : '' }}</td>
            </tr>
            <tr>
              <th>送审规模与初审规模是否一致</th>
              <td>{{ list[curIndex].isIdenticalScaleDto != null ? list[curIndex].isIdenticalScaleDto.name : '' }}</td>
            </tr>
          </table>
        </div>
        <div slot="popupJgInfo">
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div class="zonghexinxiLeft">竣工复审</div>
            <div class="item-box">
              <div class="one-item one-item-item item-box-firstItem">核查时间：{{ jgBasicInfo.time }}</div>
              <div class="table-box">
                <div class="table-box-left table-box-item">核查资料</div>
                <div class="table-box-right table-box-item">
                  <ul v-if="jgBasicInfo.imgArr.length != 0" class="ziliaoList">
                    <li
                      v-for="(item,index) in jgBasicInfo.imgArr"
                      :key="index"
                      @click="handleImageDialog(item)"
                    >{{ item.name }}</li>
                  </ul>
                  <div v-else class="no-data">暂无信息</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </tdMap>
    </div>

    <fujian
      v-show="activeName == '2'"
      ref="fujianChild"
      :isLook="isLook"
      :fujianList="fujianList"
      :cuowuList="cuowuList"
      :linkValue="linkValue"
    ></fujian>

    <el-dialog
      :close-on-click-modal="false"
      title="审查意见"
      :visible.sync="shenchaFlag"
      :before-close="handleClose"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="shenchaItem_item">
          <p>疑问复垦点问题类型：</p>
          <div class="shenchaItem_item">
            <el-select
              v-model="itemDataForTable.problemReclaimPointOpinionType"
              class="shenchaBox_item_input"
              placeholder="--请选择--"
              @change="changeStatus"
            >
              <el-option
                v-for="item in qswuowuList"
                :key="item.code"
                :label="item.name"
                :value="item.code"
              />
            </el-select>
          </div>
        </div>
        <div v-if="noWenti" class="shenchaItem_item_noFlex">
          <p>疑问复垦点问题记录：</p>
          <div class="shenchaItem_item">
            <el-input
              v-model="itemDataForTable.problemReclaimProblemRecord"
              class="shenchaItem_item_textarea"
              type="textarea"
              placeholder="请输入内容"
              :rows="5"
            />
          </div>
        </div>
      </div>
      <span v-if="!isLook" slot="footer" class="dialog-footer">
        <el-button @click="shenchaFlag = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitYj1"
        >确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :close-on-click-modal="false"
      title="外业审查意见"
      :visible.sync="shenchaFlag1"
      :before-close="handleClose1"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="wyJibenxinxi">
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div class="zonghexinxiLeft">疑问片块</div>
            <div class="item-box">
              <div
                class="one-item one-item-item item-box-firstItem"
              >问题记录：{{jgBasicInfo.yiwenRecord}}</div>
              <div
                class="one-item one-item-item item-box-firstItem"
              >问题描述：{{jgBasicInfo.description}}</div>
            </div>
          </div>
          <div class="zonghexinxiFirst zonghexinxiItem">
            <div class="zonghexinxiLeft">外业信息</div>
            <div class="item-box">
              <div class="one-item one-item-item item-box-firstItem">核查时间：{{jgBasicInfo.time}}</div>
              <div class="table-box">
                <div class="table-box-left table-box-item">外业资料</div>
                <div class="table-box-right table-box-item">
                  <ul v-if="jgBasicInfo.imgArr.length != 0" class="ziliaoList">
                    <li
                      v-for="(item,index) in jgBasicInfo.imgArr"
                      :key="index"
                      @click="handleImageDialog(item)"
                    >{{ item.name }}</li>
                  </ul>
                  <div v-else class="no-data">暂无信息</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="shenchaItem">
          <p>是否通过：</p>
          <div class="shenchaItem_item">
            <el-radio-group v-model="waiyeObj.waiyeRadio">
              <el-radio label="YES">是</el-radio>
              <el-radio label="NO">否</el-radio>
            </el-radio-group>
          </div>
        </div>
      </div>
      <span v-if="!isLook" slot="footer" class="dialog-footer">
        <el-button @click="shenchaFlag1 = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitWy"
        >确 定</el-button>
      </span>
    </el-dialog>
    <!-- 综合监管信息图片、视频查看 -->
    <el-dialog
      :close-on-click-modal="false"
      :title="jgTitle"
      :visible.sync="imgShow"
      :before-close="handleCloseJg"
      class="imgDaolig"
    >
      <div class="imgBox" style="width:500px;height:500px;margin:0 auto;" v-if="showImgType==1">
        <img style="width:100%;height:100%;" :src="$https + imgSrc" alt />
      </div>
      <div class="imgBox" style="width:700px;height:400px;margin:0 auto;" v-if="showImgType==2">
        <video
          id="showVedio"
          autoplay
          controls
          style="width:100%;height:100%;"
          :src="$https+imgSrc"
        ></video>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  queryAssistantAuditLand,
  queryLaterYetAuditLand,
  auditLandProblemReclaimSpot,
  queryProjectResultAuditInfo,
  auditProjectResultAttachment,
  verifyAttachmentOpinion,
  jgfsWyAuditLandOuterInfo,
  getLandStatusMapAuditInfo,
  auditLandStatusMap,
  supervisingInfo1,
  jgfsZhkgxx
} from "@/api/jungongcehuiResultFuShen";
import {
  getNormalOpinionType,
  getQuestionsOpinionType
} from "@/api/getOpinion";
import { setTimeout } from "timers";
import tdMap from "@/components/tdMap";
import fujian from "@/components/fujianList";
export default {
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: "success",
        draft: "gray",
        deleted: "danger"
      };
      return statusMap[status];
    }
  },
  components: {
    tdMap,
    fujian
  },
  data() {
    return {
      linkValue: "LATER_MAPPING_RESULT_SECOND_AUDIT",
      xianZhuangFliePath: "",
      cuowuListData: [],
      //外业单选
      waiyeObj: {
        waiyeRadio: "",
        landId: ""
      },
      shenchaFlag1: false,
      fullscreenLoading: false, //全屏加载
      cuowuList: [], //错误类型数组
      qswuowuList: [],
      radio: "YES", //该片块图件是否为遗漏复垦点
      radio1: "YES", //审定规模与送审规模是否一致
      textarea: "",
      value: "",
      showChaKan: false, //显示隐藏查看框
      data: [
        {
          id: 1,
          label: "土地利用规划",
          children: [
            {
              id: 8,
              label: "总体规划"
            },
            {
              id: 9,
              label: "管理区规划"
            },
            {
              id: 10,
              label: "土地整治规划"
            }
          ]
        },
        {
          id: 2,
          label: "土地利用现状",
          children: [
            {
              id: 5,
              label: "2018年"
            },
            {
              id: 6,
              label: "2017年"
            }
          ]
        }
      ],
      activeName: "1",
      list: [],
      listLoading: false,
      listQuery: {
        page: 1,
        size: 10
      },
      total: 0, // 总数
      defaultProps: {
        children: "children",
        label: "label"
      },
      shenchaFlag: false, //审查弹框控制
      showThreeFlag: false, //是否显示三个输入框
      fujianList: [], //附件数组
      itemData: "", //单个附件的数据
      yijianValue: "", //意见值
      yijianContent: "", //意见内容
      yijianValue1: "", //意见值(列表)
      yijianContent1: "", //意见内容(列表)
      itemDataForTable: {
        projectId: localStorage.getItem("projectId"),
        landId: "", //片块ID
        problemReclaimProblemRecord: "", //疑问复垦点问题记录
        problemReclaimPointOpinionType: "" //疑问复垦点问题类型：
      },
      landId: "", //片块ID

      mapConfig: {
        map: null,
        lng: 106.55,
        lat: 29.57,
        zoom: 10,
        lay: null
      },
      T: null,

      isLoading: false,
      isText: true,
      noWenti: true,
      curProgress: "",
      isLook: false,
      viewText: false, //意见内容（附件）

      curIndex: null,
      //意见
      yijianInfoData: {
        yijianValue: "",
        yijianContent: "",
        status: ""
      },
      jgBasicInfo: {
        //监管信息
        time: "",
        imgArr: [],
        yiwenRecord: "",
        description: ""
      },
      imgShow: false,
      jgTitle: "查看",
      imgSrc: "",
      showImgType: "" //区别视频或者图片 1 图片 2 视频
    };
  },
  created() {
    this.curProgress = localStorage.getItem("router");
    if (this.curProgress == "LATER_MAPPING_RESULT_SECOND_AUDIT") {
      this.landId = this.$route.query.id;
      this.getData();
    } else {
      this.isLook = true;
      this.getDataLook();
    }
    if (localStorage.getItem("lookStatus") == 2) {
      this.isLook = true;
      this.getDataLook();
    }
    this.getOpinionType();
    this.getFujian();
  },
  methods: {
    handleCloseJg() {
      //关闭监管信息弹窗
      this.imgShow = false;
      var vedio = document.getElementById("showVedio");
      vedio.currentTime = 0;
      vedio.pause();
    },
    handleImageDialog(row) {
      //查看综合监管信息图片、视频
      this.imgShow = true;
      this.imgSrc = row.path;
      this.showImgType = row.type;
      if (row.type == 1) {
        this.jgTitle = "查看图片";
      } else {
        this.jgTitle = "查看视频";
        this.$nextTick(() => {
          var vedio = document.getElementById("showVedio");
          vedio.play();
        });
      }
    },
    //关闭现状图
    guanbiXianZhuang() {
      this.xianZhuangFliePath = "";
    },
    //打开现状图
    handleXzViewInto() {
      this.$refs.tdMap.handleXzView();
    },
    getZongheInfo(landId) {
      //查询综合监管信息
      let obj = {
        page: 1,
        size: 1,
        projectId: localStorage.getItem("projectId"),
        landId: landId
      };

      supervisingInfo1(obj).then(res => {
        let data = res.data.rows[0];
        this.jgBasicInfo.yiwenRecord = data.problemReclaimProblemRecord;
        this.jgBasicInfo.description = data.description;
        this.jgBasicInfo.time = data.time;
        this.$nextTick(() => {
          let obj1 = {
            page: 1,
            size: 10,
            photo: data.photo ? data.photo : "",
            vcr: data.vcr ? data.vcr : ""
          };
          jgfsZhkgxx(obj1).then(res1 => {
            var imageGeShi = [
              "bmp",
              "pcx",
              "png",
              "jpg",
              "jpeg",
              "gif",
              "tiff",
              "BMP",
              "PCX",
              "PNG",
              "JPG",
              "JPEG",
              "GIF",
              "TIFF"
            ];
            var videoGeShi = [
              "mp4",
              "avi",
              "flv",
              "rmvb",
              "mkv",
              "gif",
              "mov",
              "rm",
              "3gp"
            ];
            var mainList = [];
            var mainList1 = [];
            res1.data.rows.forEach((item, index) => {
              imageGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf(".") + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf(".");
                  var photoType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  );
                  mainList.push({
                    name: "外业举证照片",
                    path: item.filePath,
                    type: 1,
                    flieType: photoType
                  });
                }
              });
            });
            res1.data.rows.forEach((item, index) => {
              videoGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf(".") + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf(".");
                  var vedioType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  );
                  mainList1.push({
                    name: "举证现场视频",
                    path: item.filePath,
                    type: 2,
                    flieType: vedioType
                  });
                }
              });
            });
            //名称处理
            mainList.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : "") + item.flieType;
            });
            mainList1.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : "") + item.flieType;
            });

            this.jgBasicInfo.imgArr = mainList.concat(mainList1);
          });
        });
      });
    },
    getCurListIndex(index) {
      // 片块基本信息
      this.curIndex = index;
      if (this.curIndex != null) {
        this.getZongheInfo(this.list[this.curIndex].landId);
      }
    },
    // 打开外业审查意见弹框
    shenchaWy(row) {
      this.getZongheInfo(row.landId);
      this.waiyeObj.landId = row.landId;
      if (row.audit.isStoringRecordInspectionStatus == "VIEW") {
        this.waiyeObj.waiyeRadio = row.audit.isStoringRecordInspection;
      } else if (row.audit.isStoringRecordInspectionStatus == "AUDIT") {
        this.waiyeObj.waiyeRadio = "";
      }

      this.shenchaFlag1 = true;
    },
    // 提交外业意见
    submitWy() {
      let obj = {
        landId: this.waiyeObj.landId,
        projectId: localStorage.getItem("projectId"),
        isStoringRecordInspection: this.waiyeObj.waiyeRadio
      };
      jgfsWyAuditLandOuterInfo(obj).then(res => {
        if (res.code == 1000) {
          this.$message({
            message: "审查成功",
            type: "success"
          });
          this.shenchaFlag1 = false;
          this.getData();
        }
      });
    },
    // 关闭外业意见
    handleClose1() {
      this.shenchaFlag1 = false;
    },
    exportOpinion() {
      // 导出意见
      this.$refs.tdMap.handleExportOpinion();
    },
    // 改变疑问类型
    changeStatus(val) {
      if (val == "NO_PROBLEM") {
        this.noWenti = false;
      } else {
        this.noWenti = true;
      }
    },
    checkTijiao() {
      this.$refs.tdMap.handleCheckOpinion({
        stage: "LaterMappingResultAudit",
        path: "/xmss/ywdeal"
      });
    },
    changeText(v) {
      if (v == "NO_PROBLEM") {
        this.isText = false;
      } else {
        this.isText = true;
      }
    },
    // 提交意见(列表)
    submitYj1() {
      this.fullscreenLoading = true;
      var that = this;
      var data = this.itemDataForTable;
      var data = {
        projectId: localStorage.getItem("projectId"),
        landId: this.itemDataForTable.landId,
        problemReclaimPointRecord: this.itemDataForTable
          .problemReclaimProblemRecord,
        problemReclaimPointOpinionType: this.itemDataForTable
          .problemReclaimPointOpinionType
      };
      auditLandProblemReclaimSpot(data).then(res => {
        this.fullscreenLoading = false;
        if (res.code == 1000) {
          this.isText = true;
          this.$message({
            message: "审查成功",
            type: "success"
          });
          that.getData();
          that.shenchaFlag = false;
          that.itemDataForTable = {
            landId: "", //片块ID
            problemReclaimProblemRecord: "",
            problemReclaimPointOpinionType: ""
          };
        }
      });
    },
    // 提交意见(附件)
    submitYj() {
      var that = this;
      this.fullscreenLoading = true;
      var data = {
        projectId: localStorage.getItem("projectId"),
        attachmentType: this.itemData.fileType,
        opinionType: this.yijianValue,
        opinionContent: this.yijianContent
      };
      auditProjectResultAttachment(data).then(res => {
        this.fullscreenLoading = false;
        if (res.code == 1000) {
          this.$message({
            message: "提交成功",
            type: "success"
          });
          setTimeout(function() {
            that.getFujian();
            that.showChaKan = false;
            that.itemData = ""; // 单个附件的数据
            that.yijianValue = ""; // 意见值
            that.yijianContent = ""; // 意见内容
          }, 1200);
        }
      });
    },
    // 获取意见类型
    getOpinionType() {
      getNormalOpinionType().then(res => {
        this.cuowuList = res.data;
        this.cuowuListData = res.data;
      });
      getQuestionsOpinionType().then(res => {
        this.qswuowuList = res.data;
      });
    },
    // 查看附件
    chaKanItem(item) {
      if (item.opinionStatus == "VIEW") {
        this.yijianValue = item.opinionType;
        this.yijianContent = item.opinion;
        this.viewText = true;
        if (this.yijianValue == "NO_PROBLEM") {
          this.isText = false;
        } else {
          this.isText = true;
        }
      } else {
        this.yijianContent = "";
        this.yijianValue = "";
        this.viewText = false;
        this.isText = true;
      }
      this.itemData = item;
      this.showChaKan = true;
    },
    // 获取附件列表
    getFujian() {
      var data = {
        projectId: localStorage.getItem("projectId")
      };
      queryProjectResultAuditInfo(data).then(res => {
        this.fujianList = res.data.projectAccessoryList;
      });
    },
    // 问题记录
    wentijilu(row) {
      var data = {
        projectId: localStorage.getItem("projectId"),
        landId: row.landId,
        statusMapProblemType: row.yijianValue,
        statusMapProblemRecord: row.yijianContent
      };
      this.fullscreenLoading = true;
      auditLandStatusMap(data)
        .then(res => {
          this.$refs.tdMap.closeXianZhuang();
          this.$refs.tdMap.closeMapIframe();
          this.fullscreenLoading = false;
          if (res.code == 1000) {
            this.$message({
              message: "提交成功",
              type: "success"
            });
            // this.isText = true;
          }
        })
        .catch(() => {
          this.fullscreenLoading = false;
          this.$refs.tdMap.closeXianZhuang();
        });
    },
    // 获取现状图
    getXianZhangData(data) {
      var data = {
        landId: data.landId
      };
      getLandStatusMapAuditInfo(data).then(res => {
        this.xianZhuangFliePath = res.data.statusMap.filePath;
        this.yijianInfoData.yijianValue =
          res.data.auditDto.statusMapProblemType;
        this.yijianInfoData.yijianContent =
          res.data.auditDto.statusMapProblemRecord;
        this.yijianInfoData.status = res.data.auditDto.statusMapProblemStatus;
      });
    },
    // 前往查看现状图
    toSeeXianZhuang(row) {
      this.getXianZhangData(row);
    },
    // 是否显示三个输入框
    isShowThreeInput(e) {
      if (e == "NO") {
        this.showThreeFlag = true;
      } else {
        this.showThreeFlag = false;
      }
    },
    // 关闭审查弹框
    handleClose() {
      this.shenchaFlag = false;
    },
    // 打开审查意见弹框
    shenchaYj(row) {
      if (row.audit.problemReclaimPointOpinionStatus == "AUDIT") {
        this.itemDataForTable.landId = row.landId;
        this.itemDataForTable.problemReclaimProblemRecord = "";
        this.itemDataForTable.problemReclaimPointOpinionType = "";
        this.noWenti = true;
      } else if (row.audit.problemReclaimPointOpinionStatus == "VIEW") {
        this.itemDataForTable.landId = row.landId;
        this.itemDataForTable.problemReclaimProblemRecord =
          row.audit.problemReclaimPointRecord;
        this.itemDataForTable.problemReclaimPointOpinionType =
          row.audit.problemReclaimPointOpinionType;
        if (
          this.itemDataForTable.problemReclaimPointOpinionType == "NO_PROBLEM"
        ) {
          this.noWenti = false;
        } else {
          this.noWenti = true;
        }
      }
      this.shenchaFlag = true;
    },
    getData() {
      this.listLoading = true;
      var data = {};
      data["landIds"] = this.landId;
      queryAssistantAuditLand(data).then(res => {
        this.listLoading = false;
        this.list = res.data;
      });
    },
    getDataLook() {
      this.listLoading = true;
      var data = {
        projectId: localStorage.getItem("projectId")
      };
      queryLaterYetAuditLand(data).then(res => {
        this.listLoading = false;
        this.list = res.data;
      });
    },
    changeLnglat(scope) {
      this.$refs.tdMap.changePkPosition(scope.$index);
    }
  }
};
</script>

<style lang="scss" scoped>
#qianqichjgcs /deep/ .el-tabs__nav-wrap::after {
  height: 1px;
}
#qianqichjgcs .mapBox {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
#qianqichjgcs .mapBox_right {
  width: 85%;
  height: 600px;
}

#qianqichjgcs .ditudanghang {
  background: #f2f2f2;
  height: 40px;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 40px;
}
.fujianShenCha {
  overflow: auto;
}
#qianqichjgcs .fujianList {
  margin-top: 30px;
  float: left;
  width: 25%;
  box-sizing: border-box;
  margin-right: 3%;
}
.chaKanBox {
  float: left;
  width: 70%;
  box-sizing: border-box;
}
#qianqichjgcs .fujianList_item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 30px;
}
#qianqichjgcs .fujianList_item p {
  width: 300px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #444;
}
#qianqichjgcs .dachuShenChaBox {
  position: relative;
}
#qianqichjgcs .dachuShenCha {
  position: absolute;
  right: 0;
  top: 4px;
  display: flex;
}
#qianqichjgcs .dachuShenCha .dachuShenCha_item {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
}
#qianqichjgcs .dachuShenCha .dachuShenCha_item:first-child {
  margin-right: 35px;
}
.showDetail {
  display: flex;
  justify-content: space-between;
}
.chaKanBox_right_select {
  display: flex;
  align-items: center;
}
.chaKanBox_right_select p {
  font-size: 14px;
  color: #444;
  margin-right: 15px;
}
.chaKanBox_left {
  width: 70%;
  margin-right: 3%;
  height: calc(100vh - 250px);
}
.chaKanBox_right {
  width: 27%;
}
.chaKanBox_right_item {
  margin-bottom: 20px;
}
.chaKanBox_right_item_textarea {
  width: 100%;
}
.shenchaItem {
  display: flex;
  align-items: center;
  margin: 0 20px;
}
.shenchaItem p {
  width: 230px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenChaTanKuang /deep/ .el-dialog {
  width: 500px;
}
.shenchaItem_item_textarea {
  width: 100%;
}
.shenchaItem_item_noFlex p {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}
.shenchaItem_small {
  margin-top: 20px;
}
.shenchaItem_small p {
  width: 100px;
}
.shenchaItem_item_input {
  width: 260px;
}
.bgFujian {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.fujianTitle {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
}
.fujianContent {
  margin-left: 30px;
  background: #f5f8fa;
  width: 90%;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fujianName {
  font-size: 14px;
  font-weight: bold;
  color: #606266;
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
  width: 80%;
}
.fujianName .fujianNamePdf {
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.fujianName .icon {
  display: block;
  font-size: 20px;
  margin-right: 10px;
  color: #409eff;
}

.isHover {
  color: #409eff;
  font-size: 13px;
  width: 50px;
}
.isHover span {
  padding: 0px 3px;
  margin: 3px 5px 3px 0;
  cursor: pointer;
  display: block;
  float: left;
}
</style>
